@font-face {  /*声明字体  引用字体*/
	  font-family: "icomoon";  /*我们自己起名字可以*/
	  src:  url('../fonts/icomoon.eot?7kkyc2');
	  src:  url('../fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'),
	  url('../fonts/icomoon.ttf?7kkyc2') format('truetype'),
	  url('../fonts/icomoon.woff?7kkyc2') format('woff'),
	  url('../fonts/icomoon.svg?7kkyc2#icomoon') format('svg');
	  font-style: normal;
}
.nav i{
	font-family: "icomoon";
	position: absolute;
	font-style: normal;
	font-size: 15px;
	left: -25px;
}
.current span i{
	font-family: "icomoon";
	position: absolute;
	font-style: normal;
	font-size: 18px;
	left: -20px;
	color: #fff;
}
.backToTop i{
	color: #fff;
	font-family: "icomoon";
	font-style: normal;
	font-size: 25px;
}
.personalData i{
	font-family: "icomoon";
	font-style: normal;
	margin-left: 10px;
}
.result4 i{
	display: inline-block;
	font-family: "icomoon";
	font-style: normal;
	width: 60px;
	height: 60px;
	color: #fff;
	background-color: #3eaf7c;
	border-radius: 50%;
	text-align: center;
	line-height: 60px;
	position: absolute;
	right: 50px;
	bottom: 20px;
}
.myCollect i{
	font-family: "icomoon";
	font-style: normal;
	color: red;
	font-size: 15px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index:10;
	width: 25px;
	height: 25px;
	background-color: #fff;
	text-align: center;
	line-height: 25px;
	border-radius: 50%;
}
.result4 .delete{
	font-family: "icomoon";
	font-style: normal;
	color: red;
	font-size: 15px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index:10;
	width: 25px;
	height: 25px;
	background-color: #fff;
	text-align: center;
	line-height: 25px;
	border-radius: 50%;
}
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{
	background-color: #fff;
	/*height: 4000px;*/
	/*background: url('../images/backgroundPic.jpg') no-repeat;*/
    /*background-size:cover;*/
}
li{
	list-style: none;
}
a{
	text-decoration: none;
	color: #333;
}
/*导航栏nav开始*/
.header{
	height: 60px;
	background-color: #fafafa;
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1);
}
.header img{
	height: 20px;
	position: absolute;
	top: 20px;
	/*left: -10px;*/
	margin-left: -7px;
}
.inner{
	width: 1000px;
	height: 60px;
	margin: 0 auto;
	line-height: 60px;
}
.logo{
	float: left;
	/*background-color: #452161;*/
	width: 100px;
}
.nav{
	float: right;
}
.nav li{
	float: left;
	/*width: 60px;*/
	margin: 0px 30px;
	/*height: 20px;*/
	/*background-color: #253224;*/
	display: inline-block;
	text-align: center;
}
.nav a{
	width: 60px;
	height: 20px;
	position: relative;
	z-index: 1;
}
.nav a::before{
	content: "";
	z-index: -1;
	position: absolute;
	left: 0;
	right: 0;
	height: 1.5px;
	background: #262626;
	transform: scaleX(0);
	transition: transform 0.2s ease-in-out;
	bottom: -4px;
	transform-origin: center right;
}
.nav a:hover::before{
	transform-origin: center left;
	transform: scaleX(1);
}
/*导航栏nav结束*/
/*个人信息界面开始*/
.user{
	margin-top: 10px;
	width: 1000px;
	height: 640px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	border-radius: 2px;
	padding:10px;
}
.userNav{
	float: left;
	width: 150px;
	background-color: #fff;
	border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
	border: 1px solid rgba(0,0,0,0.1);
}
.userNav div{
	line-height: 50px;
	height: 50px;
	/*background-color: lightblue;*/
	text-align: center;
}
.userNav div:hover{
	cursor: pointer;
}
.userMassage{
	border-radius: 2px;
	float: right;
	width: 820px;
	height: 620px;
	background-color: #fafafa;
	/*border: 1px solid rgba(0,0,0,0.1);*/
}
.userNav .function1{
	background-color: #3eaf7c;
	color: #fff;
}
.userMassage div{
	width: 100%;
	height: 100%;
	border-radius: 2px;
	padding-top: 40px;
	padding-left: 50px;
	position: relative;
	/*z-index: -10;*/
}
.userMassage::before{
	content: "";
	z-index: 1;
	width: 715px;
	height: 1px;
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	top: 125px;
	left: 220px;
}
.userMassage .result1{
	background-color: #fafafa;
	display: block;
}
.userMassage .result2{
	background-color: #fafafa;
	display: none;
}
.userMassage .result3{
	background-color: #fafafa;
	display: none;
}
.userMassage .result4{
	background-color: #fafafa;
	display: none;
}
/*个人信息界面结束*/
/*个人资料开始*/
.result1 .personalMessage{
	padding: 0;
	width: 300px;
	height: 465px;
	background-color: #fff;
	position: absolute;
	top: 140px;
	left: 50px;
	border-radius: 2px;
	box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.02);
	padding-left: 15px;
	padding-right: 15px;
}
.result1 .personalMessage .img{
	padding: 0;
	// background-color: pink;
	border-radius: 50%;
	height: 240px;
}
.hide{
	width: 70px;
	position: absolute;
	top: 110px;
	left: 100px;
	z-index: 1;
	display: none;
	border: none;
	background-color: #3eaf7c;
}
.img label{
	position: absolute;
	color: #fff;
	background-color: pink;
	display: none;
	top: 120px;
	left: 105px;
	z-index: 1;
	font-size: 12px;
}
.img:hover label{
	display: block;
}
.result1 .personalMessage img{
	border-radius: 50%;
	overflow: hidden;
	/*margin: 0 auto;*/
	position: absolute;
	top: 20%;
	left: 50%;
	margin-left: -75px;
}
.result1 .personalMessage h2{
	text-align: center;
	font-size: 20px;
	// margin: 130px auto;
}
.result1 .personalMessage h6{
	color: gray;
	font-size: 15px;
	text-align: center;
	// margin: -130px auto;
}
.result1 .personalBlogMassage{
	padding: 0;
	width: 300px;
	height: 80px;
	/*background-color: lightgreen;*/
	margin-top: 70px;
	padding-top: 15px;
}
.personalBlogMassage span{
	width: 90px;
	float: left;
	text-align: center;
/*	margin-left: 15px;
	margin-right: 15px;*/
	font-size: 12px;
}
.personalBlogMassage span p{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 15px;
	font-stretch: condensed;
}
.result1 .personalData{
	padding: 0;
	width: 395px;
	height: 465px;
	background-color: #fff;
	position: absolute;
	top: 140px;
	left: 370px;
	border-radius: 2px;
	box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.02);
	padding-top: 60px;
}
.result1 .personalData h3{
	display: inline-block;
	
}
.result1 .personalData span{
   display: inline-block;
   width: 300px;
   height: 50px;
   /*background-color: lightgreen;*/
   margin-top: 10px;
   margin-left: 50px;
   line-height: 50px;
}
.result1 .personalData input{
	width: 200px;
	height: 20px;
	outline: none;
	border: none;
	/*border-bottom: 1px solid #3eaf7c;*/
	padding-left: 10px;
	border-radius: 2px;
}
.personalData a{
	position: absolute;
	bottom: 50px;
	right: 50px;
	color: #3eaf7c;
}
.result1 .personalData .changeA{
	display: none;
	padding: 0;
	position: absolute;
	bottom: 48px;
	right: 50px;
	color: #fff;
	background-color: #3eaf7c;
	text-align: center;
	width: 60px;
	height: 25px;
	border-radius:2px;
	line-height: 25px;
	font-size: 12px;
}
.changeA:hover{
	cursor: pointer;
}
.personalData .cancel{
	font-size: 12px;
	/*display: inline-block;*/
	text-align: center;
	display: none;
	width: 60px;
	height: 25px;
	background-color: #3eaf7c;
	color: #fff;
	right: 120px;
	bottom: 48px;
	border-radius:2px;
	line-height: 25px;
}
/*个人资料结束*/
.result2 .myCollect{
	margin-top: 58px;
	width: 715px;
	height: 465px;
	/*background-color: #fff;*/
	/*box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.02);*/
	padding: 0;
}
.result4 .myArticle{
	margin-top: 58px;
	width: 715px;
	height: 465px;
	/*background-color: #fff;*/
	/*box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.02);*/
	padding: 0;
}
.myCollect ul{
	width: 715px;
	height: 465px;
	/*background-color: lightgreen;*/
	overflow:auto;
	border-radius: 2px;
}
.myCollect ul li{
	width: 680px;
	height: 100px;
	/*margin-top: 10px;*/
	margin-bottom: 10px;
	background-color: #fff;
	box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.02);
	border-radius: 2px;
	position: relative;
}
.myCollect h2{
	width: 700px;
	height: 50px;
	/*background-color: lightpink;*/
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow:hidden;
	position: absolute;
	top: 0;
	line-height: 65px;
	padding-left: 40px;
}
.myCollect p{
	width: 680px;
	height: 50px;
	/*background-color: pink;*/
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow:hidden;
	line-height: 50px;
	padding-left: 40px;
	padding-right: 10px;
	position: absolute;
	bottom: 0;
}
.myArticle ul{
	width: 715px;
	height: 465px;
	/*background-color: lightgreen;*/
	overflow:auto;
	border-radius: 2px;
}
.myArticle ul li{
	width: 680px;
	height: 100px;
	/*margin-top: 10px;*/
	margin-bottom: 10px;
	background-color: #fff;
	box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.02);
	border-radius: 2px;
	position: relative;
}
.myArticle h2{
	width: 700px;
	height: 50px;
	/*background-color: lightpink;*/
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow:hidden;
	position: absolute;
	top: 0;
	line-height: 65px;
	padding-left: 40px;
}
.myArticle p{
	width: 680px;
	height: 50px;
	/*background-color: pink;*/
	white-space:nowrap; 
	text-overflow:ellipsis; 
	overflow:hidden;
	line-height: 50px;
	padding-left: 40px;
	padding-right: 10px;
	position: absolute;
	bottom: 0;
}
.result3 .myMessage{
	margin-top: 48px;
	margin-left: -10px;
	width: 715px;
	height: 465px;
	/*background-color: #fff;*/
	/*box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.02);*/
	padding: 0;
	overflow: auto;
}
.myMessage table{
	border-spacing: 10px;
}
.myMessage td{
	width: 680px;
	background-color: #fff;
	box-shadow: 2px 2px 5px 5px rgba(0,0,0,0.02);
	border-radius: 2px;
	padding-top: 10px;
	padding-left: 40px;
	padding-bottom: 10px;
}
.myMessage h2{
	/*width: 700px;*/
	height: 50px;
	line-height: 40px;
}
.myMessage .inputT{
	margin-top: 25px;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 530px;
	height: 30px;
	border-radius: 2px;
	border: 1px solid #3eaf7c;
	outline: none;
	padding-left: 10px;
}
.myMessage .inputB{
	width: 60px;
	height: 30px;
	background-color: #3eaf7c;
	border: 0 solid #3eaf7c;
	outline: none;
	color: #fff;
	border-radius: 15px;
}
.inputB:hover{
	cursor: pointer;
}